#@head()
<div class="site-gradients">
    <div class="site-gradients-media">
        <figure>
            <img src="/justice/Another%20Yosemite%20short%20movie%20project%20%E2%80%93%20Modern_files/PcLGXNjMTdiFVKTrElCl__DSC2245.jpg"
                 alt="PcLGXNjMTdiFVKTrElCl__DSC2245"
                 srcset="https://themedemos.webmandesign.eu/modern/wp-content/uploads/sites/8/2014/11/PcLGXNjMTdiFVKTrElCl__DSC2245.jpg 1920w, https://themedemos.webmandesign.eu/modern/wp-content/uploads/sites/8/2014/11/PcLGXNjMTdiFVKTrElCl__DSC2245-420x280.jpg 420w, https://themedemos.webmandesign.eu/modern/wp-content/uploads/sites/8/2014/11/PcLGXNjMTdiFVKTrElCl__DSC2245-744x497.jpg 744w, https://themedemos.webmandesign.eu/modern/wp-content/uploads/sites/8/2014/11/PcLGXNjMTdiFVKTrElCl__DSC2245-1200x801.jpg 1200w"
                 sizes="(max-width: 1617px) 100vw, 1617px" height="1080" width="1617">
        </figure>
    </div>
</div>

<header class="container">
    <div class="site-branding">
        <h1 class="site-title">
            <a href="index.html">
                <span>HELLO</span>
            </a>
        </h1>
        <h2 class="site-description">Welcome to my Blog !</h2>
    </div>
</header>

<div id="page-content" class="single-page">
    <div class="container">
        <div class="row">
            <div id="main-content">
                <article>
                    <img src="/upload/photo/697b261d31c4d8f46ba50d8723c2bb1b.jpg"/>
                    <div class="art-content">
                        <h1 align="center">#(blog.title)</h1>
                        <p class="time" align="center">发布时间：#date(blog.createTime)  &nbsp;&nbsp;  原创OR转载:#(blog.alias)&nbsp;&nbsp;   关键字:
                            #(blog.keywords)   &nbsp;&nbsp;  阅读：#(blog.click)</p><br>
                        #(blog.content)
                        <br>
                        <h6>
                            <span style="float:left" >上一篇:<a href="/blog/reception/single?logId=#(upper.logId??)&key=#(upper.keywords??)">#(upper.title??)</a></span>
                            #if(!upper)
                            <span style="float:left">已经没有了= =</span>
                            #end

                            #if(!lower)
                            <span style="float:right">已经没有了= =</span>
                            #end
                            <span style="float:right" >下一篇:<a href="/blog/reception/single?logId=#(lower.logId??)&key=#(lower.keywords??)">#(lower.title??)</a></span>
                        </h6>
                    </div>
                </article>
                <div class="widget wid-related">
                    <div class="heading"><h4>相关Blog</h4></div>
                    <div class="content">
                        <div class="row">
                            #for(blog : click)
                            #if(for.index < 3)
                            <div class="col-md-4">
                                <div class="wrap-col">
                                    <a href="/blog/reception/blogSingle?logId=#(blog.logId)"><img
                                            src="#(blog.suffix)#(blog.base64)"/></a>
                                    <h4 style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;" title="#(blog.title)"><a href="/blog/reception/blogSingle?logId=#(blog.logId)">#(blog.title) </a>
                                    </h4>
                                </div>
                            </div>
                            #end
                            #end
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
#@layout()